'<template>
  <div class="plp">
    <el-row class="content">
      <div>
        <div class="filter-more">
          <transition name="selectbox">
            <div class="box mark" v-show="boxshow">
                <el-row   >
                    <el-col class="mone" style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">基本条件
                        <div v-for="(v, i) in argkan" :key="i" class="text-filter pan online" :style="{width:warr[i]+'px'}" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select class="lan"
                                           :class="cls[i]?'back':'white'"
                                           @focus="requst11(v,i,1)"
                                           @change="chanback(v,i,1)"
                                           v-model="argdi[v.name]"
                                           :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                    <!--                                <el-option :value="userName"><input class='cls' type="text" :value="userName">{{userName}}</el-option>-->
                                </el-select>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">教学质量条件
                        <div v-for="(v, i) in argkan2" :key="i"  class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select  class="lan"
                                            :class="cl2[i]?'back':'white'"
                                            @focus="requst11(v,i,2)"
                                            @change="chanback(v,i,2)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row   >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">教学成果条件
                        <div v-for="(v, i) in argkancheng" :key="i" class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select  class="lan"
                                            :class="cl3[i]?'back':'white'"
                                            @focus="requst11(v,i,3)"
                                            @change="chanback(v,i,3)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row   >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">教材讲义条件
                        <div v-for="(v, i) in argkanjiao" :key="i" class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select  class="lan"
                                            :class="cl4[i]?'back':'white'"
                                            @focus="requst11(v,i,4)"
                                            @change="chanback(v,i,4)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row   >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">科技成果条件
                        <div v-for="(v, i) in argkankeji" :key="i" class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select  class="lan"
                                            :class="cl5[i]?'back':'white'"
                                            @focus="requst11(v,i,5)"
                                            @change="chanback(v,i,5)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row  >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">科研项目条件
                        <div v-for="(v, i) in argkankeyan" :key="i"  class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                    <el-select  class="lan"
                                                :class="cl6[i]?'back':'white'"
                                                @focus="requst11(v,i,6)"
                                                @change="chanback(v,i,6)"
                                                v-model="argdi[v.name]"
                                                :placeholder ="v.dis"  >
                                        <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                    </el-select>
                                </el-tooltip>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row  >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">专著条件
                        <div v-for="(v, i) in argkanzhuanzhu" :key="i" class="text-filter pan" >
                            <el-tooltip v-if="v.name!='wordNumber'" class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select
                                            class="lan"
                                            :class="cl7[i]?'back':'white'"
                                            @focus="requst11(v,i,7)"
                                            @change="chanback(v,i,7)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                            <el-input v-else v-model="wordNumber" class="lan" :class="cl7[i]?'back':'white'" @blur="handle" :placeholder="v.dis+'(万字以上)'"></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row   style="height: 32px;">
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">学术论文条件
                        <div v-for="(v, i) in argkanjiansuo" :key="i" class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select  class="lan"
                                            :class="cl8[i]?'back':'white'"
                                            @focus="requst11(v,i,8)"
                                            @change="chanback(v,i,8)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">军以上重大任务完成条件
                        <div v-for="(v, i) in argkanjun" :key="i" class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select  class="lan"
                                            :class="cl9[i]?'back':'white'"
                                            @focus="requst11(v,i,9)"
                                            @change="chanback(v,i,9)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                        </div>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">业务建议、保障方案、咨询报告、工作建议等条件
                        <div v-for="(v, i) in argkanyewu" :key="i" class="text-filter pan" >
                            <el-select  class="lan"
                                        :class="cl10[i]?'back':'white'"
                                        @focus="requst11(v,i,10)"
                                        @change="chanback(v,i,10)"
                                        v-model="argdi[v.name]"
                                        :placeholder ="v.dis"  >
                                <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                            </el-select>
                        </div>
                    </el-col>
                </el-row>
                <el-row >
                    <el-col style="font-size: 10px;color: rgb(49, 71, 143);font-weight:bold;">完成政策法规、制度办法、重大技术等条件
                        <div v-for="(v, i) in argkanzhegnce" :key="i" class="text-filter pan" >
                            <el-tooltip class="item" effect="dark" :content="argdi[v.name]?argdi[v.name]:v.dis" placement="top">
                                <el-select  class="lan"
                                            :class="cl11[i]?'back':'white'"
                                            @focus="requst11(v,i,11)"
                                            @change="chanback(v,i,11)"
                                            v-model="argdi[v.name]"
                                            :placeholder ="v.dis"  >
                                    <el-option v-for="(x,indexs) in v.list" :key="indexs" :value="x.name">{{x.name}}</el-option>
                                </el-select>
                            </el-tooltip>
                        </div>

                    </el-col>
                </el-row>

            </div>

          </transition>
            <el-row style="text-align: center;">
                <el-button type="primary" size="small" @click="chongzhi" round>重 置</el-button>
<!--                <el-button type="primary" size="small" :loading="upLoading" @click="search" round>查 询</el-button>-->
            </el-row>
          <div>
            <a
              href="#"
              v-for="(item, index) in selectBox"
              class="text-select"
              :key="index"
            >
              {{ item.text }}
              <i @click="removeCurrentSelect(index)">&times;</i>
            </a>
          </div>
        </div>
      </div>
      <div class="content-table">
              <el-table
                      :data="tableData"
                      border
                      size="small"
                      style="width: 100%"
                      header-row-class-name="table-header">
                  <el-table-column
                          prop="name"
                          label="姓名"
                          align="center">
                  </el-table-column>
                  <el-table-column
                          prop="category"
                          label="领域"
                          align="center">
                  </el-table-column>
                  <el-table-column
                          prop="categoryType"
                          label="岗位"
                          align="center">
                  </el-table-column>
                  <el-table-column
                          prop="technologyCategory"
                          label="职称"
                          align="center">
                  </el-table-column>

                  <!-- <el-table-column
                         prop="details"
                         label="审核详情(管理员可见)"
                         align="center">
                          <template>
                             <el-checkbox-group v-model="checkList">
                                 <el-checkbox label="教务" ></el-checkbox>
                                 <el-checkbox label="科研" ></el-checkbox>
                                 <el-checkbox label="教保" ></el-checkbox>
                                 <el-checkbox label="职工" disabled></el-checkbox>
                             </el-checkbox-group>
                          </template>
                 </el-table-column>

                  <el-table-column
                         prop="status"
                         label="审核状态"
                         align="center">
                         <template slot-scope="scope">
                             <el-button @click.stop="detailClick(scope.row)" type="text" size="small">待审核</el-button>
                         </template>
                 </el-table-column> -->

                  <el-table-column
                          label="操作"
                          align="center">
                      <template slot-scope="scope">
                          <el-button @click.stop="handleClick(scope.row)" type="text" size="small">查看详情</el-button>
                      </template>
                  </el-table-column>
              </el-table>
<!--        <el-table-->
<!--          :data="tableData"-->
<!--          border-->
<!--          size="mini"-->
<!--          style="width: 100%"-->
<!--          header-row-class-name="table-header"-->
<!--        >-->
<!--          <el-table-column prop="categoryId" label="大类" align="center">-->
<!--          </el-table-column>-->
<!--          <el-table-column prop="categoryChildId" label="小类" align="center">-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            prop="categoryAcademicId"-->
<!--            label="职称"-->
<!--            align="center"-->
<!--          >-->
<!--          </el-table-column>-->
<!--          <el-table-column prop="userName" label="姓名" align="center">-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            prop="technologyTitle"-->
<!--            label="现任职务"-->
<!--            align="center"-->
<!--          >-->
<!--          </el-table-column>-->
<!--          <el-table-column label="操作" align="center">-->
<!--            <template slot-scope="scope">-->
<!--              <el-button-->
<!--                @click="handleClick(scope.row)"-->
<!--                type="text"-->
<!--                size="small"-->
<!--                >查看详情</el-button-->
<!--              >-->
<!--            </template>-->
<!--          </el-table-column>-->
<!--        </el-table>-->
          <div class="pagination">
              <el-pagination
                      background
                      layout="total,prev, pager, next"
                      :current-page.sync="currentPage"
                      :page-size="pageSize"
                      :total="total"
                      @current-change="handleCurrentPage">
              </el-pagination>
          </div>
          <el-row style="text-align: center;padding-bottom: 40px;">
              <el-button type="primary" :loading="buttonLoading" size="small" @click="daochu" round>导 出</el-button>
          </el-row>
      </div>

    </el-row>


      <el-dialog
              title="导出确认"
              :visible.sync="centerVisible"
              width="30%"
              center>
       <div style="padding:10px 20px;">
           <el-row>
               <input type="checkbox" border
                      v-model="quan"
                      @change="radioquan"
                      style="margin:0px;border-radius: 0px;text-align: center;"/>
               <span style="padding-left:6px;">全选</span>
               <input type="checkbox" border
                      v-model="fan"
                      @change="radiofan"
                      style="margin-left:15px;border-radius: 0px;text-align: center;"/>
               <span style="padding-left:6px;">反选</span>
           </el-row>
           <div>
               <span class="mtitle t1" >类型名称</span>
               <span class="mtitle t2" >类型名称</span>
           </div>
           <div style="padding-bottom: 20px;">
                   <el-col :span="12" v-for="(ite,h) in radios" :key="h"
                           style="text-align: left;padding-left:30px;line-height: 38px;border:1px solid #E4EAEC;">
                       <input type="checkbox" border :label="ite.name"
                                     v-model="radiosmodel[h]"
                              @change="radiochange(h)"
                                     style="margin:0px;border-radius: 0px;text-align: center;"/>
                           <span style="padding-left:6px;">{{ite.name}}</span>
                   </el-col>
               <el-col v-if="radios.length%2!=0" :span="12" style="height: 40px;">
               </el-col>
           </div>

       </div>
          <span slot="footer" class="dialog-footer here">
                    <el-button @click="centerVisible = false">取 消</el-button>
                    <el-button type="primary" @click="download">确 定</el-button>
                  </span>

      </el-dialog>

      <!-- 信息预览 -->
      <base-info-preview ref="infoPreview" class="infoPreview" :userName="userName" :userId="userId"></base-info-preview>

  </div>
</template>

<script>
import { findApplyRecordList,findListByTypedata,StandardRecordOutParam,findListByStandardRecordClause,downStandardRecordClause} from "@/service/api";
import Qs from "qs";
export default {
    name: "dataQuery",
    data() {
        return {
            quan:'',
            fan:'',
            warr:['90','90','90','90','90','90','120','90','90','90','90','120','100','120','120','120'],
            wordNumber: '',
            userName: '',
            userId: '',
            centerVisible: false,
            buttonLoading: false,
            upLoading: false,
            total: 1,
            pageSize: 10,
            currentPage: 1,
            tableData: [],
            selv: [],
            radios: [{type: "1", text: "不限"},
                {type: "1", text: "不限"},
                {type: "1", text: "不限"},
                {type: "1", text: "不限"},
                {type: "1", text: "不限"},],
            radiosmodel: [],
            argdi: {
                birth: '',
                personnelCategory: '',
                politicalAffiliation: '',
                enlistmentTime: '',
                caucusTime: '',
                lastEducation: '',
                highestGetTime: '',
                graduateTime: '',
                schoolCategory: '',
                technologyLevel: '',
                technologyCategory: '',
                technologyCategoryTime: '',
                technologyTitle: '',
                appointTime: '',
                categoryType: '',
                attr0: '',
                evaluationMethod: '',
                evaluationResult: '',
                teachRewardLevel: '',
                teachRewardGrade: '',
                teachingMaterialParticipationType: '',
                teachingMaterialType: '',
                scienceRewardLevel: '',
                scienceRewardType: '',
                scienceRewardGrade: '',
                projectType: '',
                projectLevel: '',
                monographParticipationType: '',
                monographType: '',
                wordNumber: '',
                searchType: '',
                taskSource: '',
                taskType: '',
                rewardGrade: '',
                reportType: '',
                leaderApprovalLevel: '',
                workLevel: '',
                workContent: '',
                workAttr: '',
            },
            cls:[false,false,false,false,false,false,false,false,false,false,false,false,false,false],
            cl2:[false,false],
            cl3:[false,false],
            cl4:[false,false],
            cl5:[false,false,false],
            cl6:[false,false],
            cl7:[false,false,false],
            cl8:[false],
            cl9:[false,false,false],
            cl10:[false,false],
            cl11:[false,false,false],
            argkan: [
                {dis: '出生年月', name: 'birth', type: '2010009001', list: []},
                {dis: '人员类别', name: 'personnelCategory', type: '2010007002', list: []},
                {dis: '政治面貌', name: 'politicalAffiliation', type: '2010007003', list: []},
                {dis: '入伍/工作时间', name: 'enlistmentTime', type: '2010009002', list: []},
                {dis: '党团时间', name: 'caucusTime', type: '2010009003', list: []},
                {dis: '最高学历', name: 'lastEducation', type: '2010002005', list: []},
                {dis: '最高学历获取年限', name: 'highestGetTime', type: '2010009004', list: []},
                {dis: '毕业年限', name: 'graduateTime', type: '2010009005', list: []},
                {dis: '院校类别', name: 'schoolCategory', type: '2010007006', list: []},
                {dis: '现技术等级', name: 'technologyLevel', type: '2010007008', list: []},
                {dis: '现技职类别', name: 'technologyCategory', type: '2010007010', list: []},
                {dis: '现技职类别时间', name: 'technologyCategoryTime', type: '2010009006', list: []},
                {dis: '现专业技术职务', name: 'technologyTitle', type: '2010007007', list: []},
                {dis: '现专业技术职务时间', name: 'appointTime', type: '2010009007', list: []},
                {dis: '现职称所属岗位', name: 'categoryType', type: '2010009008', list: []},
                {dis: '实际工作单位', name: 'attr0', type: '1010002901', list: []},
            ],
            argkan2: [
                {dis: '评价方式', name: 'evaluationMethod', type: '2010005003', list: []},
                {dis: '评价结果', name: 'evaluationResult', type: '2010005005', list: []},
            ],
            argkancheng: [
                {dis: '奖励级别', name: 'teachRewardLevel', type: '1030000801', list: []},
                {dis: '奖励等级', name: 'teachRewardGrade', type: '2010005008', list: []},
            ],
            argkanjiao: [
                {dis: '参与类别', name: 'teachingMaterialParticipationType', type: '2010006010', list: []},
                {dis: '教材类型', name: 'teachingMaterialType', type: '2010006012', list: []},
            ],
            argkankeji: [
                {dis: '奖励级别', name: 'scienceRewardLevel', type: '2010006006', list: []},
                {dis: '奖励类型', name: 'scienceRewardType', type: '2010006007', list: []},
                {dis: '奖励等级', name: 'scienceRewardGrade', type: '2010006008', list: []},
            ],
            argkankeyan: [
                {dis: '项目类别', name: 'projectType', type: '2010006003', list: []},
                {dis: '项目级别', name: 'projectLevel', type: '2010006004', list: []},
            ],
            argkanzhuanzhu: [
                {dis: '参与类别', name: 'monographParticipationType', type: '2010006010', list: []},
                {dis: '著作类型', name: 'monographType', type: '2010006011', list: []},
                {dis: '字数', name: 'wordNumber', type: '', list: []},
            ],
            argkanjiansuo: [
                {dis: '检索类型', name: 'searchType', type: '2010006009', list: []},
            ],
            argkanjun: [
                {dis: '任务来源', name: 'taskSource', type: '2010004006', list: []},
                {dis: '任务类型', name: 'taskType', type: '2010004007', list: []},
                {dis: '表彰奖励情况', name: 'rewardGrade', type: '2010004008', list: []},
            ],
            argkanyewu: [
                {dis: '报告类别', name: 'reportType', type: '2010006016', list: []},
                {dis: '批示领导级别', name: 'leaderApprovalLevel', type: '2010006017', list: []},
            ],
            argkanzhegnce: [
                {dis: '工作级别', name: 'workLevel', type: '1240000601', list: []},
                {dis: '工作内容', name: 'workContent', type: '1240000501', list: []},
                {dis: '工作属性', name: 'workAttr', type: '1240000401', list: []},
            ],


            boxshow: true,
            btnTxt: true,
            selectBox: [],
            filterBox: [],
        }
    },
  created(){
    // console.log(this.$route.params);
    // this.formQuery.category = this.$route.params.category;
    // this.formQuery.subCategory = this.$route.params.subCategory;
    this.getFindApplyRecordList(this.pageNum);
  },
  mounted() {
      this.search()
    // this.counArr()
      // this.countradios()
  },
  methods: {
      handle(){
          this.$set(this.argdi,'wordNumber',this.wordNumber)
          this.chanback('',2,7)
      },
      radiochange(h){
            if(this.radiosmodel[h]==true){
                this.radiosmodel[h]=this.radios[h].attr0
            }else{
                this.$set(this.radiosmodel,h,'')
            }
      },
      radioquan(){
          this.radiosmodel=[];
          if(this.quan){
              for(let i of this.radios){
                  this.radiosmodel.push(i.attr0);
              }
          }
      },
      radiofan(){
          if(this.fan==true){
              for(let i in this.radios){
                  if(this.radiosmodel[i]==this.radios[i].attr0){
                      this.$set(this.radiosmodel,i,'')
                  }else{
                      this.radiosmodel[i]=this.radios[i].attr0
                  }
              }
              this.quan=false
          }
      },
      requst11(val,i,kan){
      let param={
              type:val.type
          }
          findListByTypedata(param).then(res=>{
             let a=res.data
              a.unshift({name:'不限'})
              // console.log("@@@res.data",res.data,'$$',kan)
              switch (kan) {
                  case 1:
                      this.$set(this.argkan[i],'list',a)
                      // setTimeout(function(){
                      //     document.getElementsByClassName('cls')[0].focus()
                      // },10000)
                      // console.log("***",this.argkan[i].list,document.getElementsByClassName('cls')[0])
                      break;
                  case 2:
                      this.$set(this.argkan2[i],'list',a)
                      break;
                  case 3:
                      this.$set(this.argkancheng[i],'list',a)
                      // console.log("***",this.argkancheng[i].list)
                      break;
                  case 4:
                      this.$set(this.argkanjiao[i],'list',a)
                      break;
                  case 5:
                      this.$set(this.argkankeji[i],'list',a)
                      break;
                  case 6:
                      this.$set(this.argkankeyan[i],'list',a)
                      break;
                  case 7:
                      this.$set(this.argkanzhuanzhu[i],'list',a)
                      break;
                  case 8:
                      this.$set(this.argkanjiansuo[i],'list',a)
                      break;
                  case 9:
                      this.$set(this.argkanjun[i],'list',a)
                      break;
                  case 10:
                      this.$set(this.argkanyewu[i],'list',a)
                      break;
                  case 11:
                      this.$set(this.argkanzhegnce[i],'list',a)
                      break;
              }
          })
      },
      chanback(v,i,kan){
          switch (kan) {
              case 1:
                  this.$set(this.cls,i,true)
                  break;
              case 2:
                  this.$set(this.cl2,i,true)
                  break;
              case 3:
                  this.$set(this.cl3,i,true)
                  break;
              case 4:
                  this.$set(this.cl4,i,true)
                  break;
              case 5:
                  this.$set(this.cl5,i,true)
                  break;
              case 6:
                  this.$set(this.cl6,i,true)
                  break;
              case 7:
                  this.$set(this.cl7,i,true)
                  break;
              case 8:
                  this.$set(this.cl8,i,true)
                  break;
              case 9:
                  this.$set(this.cl9,i,true)
                  break;
              case 10:
                  this.$set(this.cl10,i,true)
                  break;
              case 11:
                  this.$set(this.cl11,i,true)
                  break;
          }

          // let n=Number(i)+1
          // let sel=document.querySelector('.mone input:nth-of-type('+n+')')
          // console.log("mark",sel,n)
          // sel.style.backgroundColor='#ADB5D2'
            this.currentPage=1
          this.search()
      },
      daochu(){
          let that=this
          that.radios=[]
          StandardRecordOutParam().then(res=>{
              let arr=res.data
              for(let val of arr){
                  if(val.name!='照片'){
                      that.radios.push(val)
                  }
              }
             // that.radios=res.data
              that.centerVisible=true
          })
      },
      download(){
          // this.radiosmodel
          this.centerVisible = false
          this.buttonLoading=true;
          const h = this.$createElement;
          var openNotify = this.$notify({
              type: 'info',
              title: '文件生成中',
              //新版本可以识别html代码，升级版本后可打开注释
              dangerouslyUseHTMLString: true,
              message:'<div class="progress-bar"></div><div><p style="color:teal">正在导出，请耐心等待</p></div>',
              // showClose:false,
              /* message:h('div', [
                  h('p',{style: 'color: teal'}, '正在导出，请耐心等待 '),
               ]),*/
              duration: 0
          });
          let param=JSON.parse(JSON.stringify(this.argdi))
          // this.$set(param,'outParam',this.radiosmodel)
          this.$set(param,'commitStatus',true)

          var formData = new FormData;
          for(let i in param){
              if(param[i]!=''){
                  if(i!='birth'&&i!='enlistmentTime'&&i!='caucusTime'
                      &&i!='highestGetTime'&&i!='graduateTime'
                      &&i!='technologyCategoryTime'&&i!='appointTime'){
                      if(param[i]!='不限'){
                          formData.append(i,param[i]);
                      }
                  }else{
                      if(param[i]!='不限'){
                          var bbb = /[0-9]+/g
                          let arr=param[i].match(bbb)
                          if(arr.length==2){
                              formData.append(i,arr[0]);
                              formData.append(i,arr[1]);
                          }else{
                              if(param[i].indexOf("上")>=0){
                                  formData.append(i,arr[0]);
                                  formData.append(i,'9999');
                              }else{
                                  formData.append(i,'0');
                                  formData.append(i,arr[0]);
                              }
                          }
                      }
                  }
              }
          }

          //处理outParam参数
          for(let i in this.radiosmodel){
              // console.log("&&",this.radiosmodel[i],this.radiosmodel)
              if(i<this.radiosmodel.length&&this.radiosmodel[i].length!=0){
                  formData.append("outParam",this.radiosmodel[i]);
              }
          }
          // formData.append("",param);
          this.$api.infoEntryEnteredExportModelGet({
              method:'post',
              url:'/admin/qaStandardRecord/downloadListByStandardRecordClause',
              responseType:'blob',
              data:formData,
          }).then(res=>{
              let blob=new Blob([res])
              let url=window.URL.createObjectURL(blob);
              let link=document.createElement('a');
              link.href=url;
              link.setAttribute('download','数据统计.xlsx');
              document.body.appendChild(link);
              link.click();
              this.buttonLoading=false;
              this.$notify({
                  type: 'success',
                  title: '文件导出成功',
                  duration:2500,
                  onClose:openNotify.close()
              });
              openNotify.close()
          });
      },
      chongzhi(){
          for(let i in this.argdi){
              this.$set(this.argdi,i,'')
          }
          this.cls=[false,false,false,false,false,false,false,false,false,false,false,false,false,false]
              this.cl2=[false,false]
              this.cl3=[false,false]
              this.cl4=[false,false]
              this.cl5=[false,false,false]
              this.cl6=[false,false]
              this.cl7=[false,false,false]
              this.cl8=[false]
              this.cl9=[false,false,false]
              this.cl10=[false,false]
              this.cl11=[false,false,false]
           this.wordNumber=''
          this.search()
      },
      search(){
          let param=JSON.parse(JSON.stringify(this.argdi))
          // console.log("%%%",param)
          this.$set(param,'pageNum',this.currentPage)
          this.$set(param,'pageSize',10)
          this.$set(param,'commitStatus',true)
          var formData = new FormData;
          for(let i in param){
              if(param[i]!=''){
                  if(i!='birth'&&i!='enlistmentTime'&&i!='caucusTime'
                      &&i!='highestGetTime'&&i!='graduateTime'
                      &&i!='technologyCategoryTime'&&i!='appointTime'){
                      if(param[i]!='不限'){
                          formData.append(i,param[i]);
                      }
                  }else{
                      if(param[i]!='不限'){
                          var bbb = /[0-9]+/g
                          let arr=param[i].match(bbb)
                          if(arr.length==2){
                              // console.log("zheli*******")
                              formData.append(i,arr[0]);
                              formData.append(i,arr[1]);
                          }else{
                              // console.log("zheli*******2222")
                              if(param[i].indexOf("上")>=0){
                                  formData.append(i,arr[0]);
                                  formData.append(i,'9999');
                              }else{
                                  formData.append(i,'0');
                                  formData.append(i,arr[0]);
                              }
                          }
                      }
                  }
              }
          }
          findListByStandardRecordClause(formData).then(res => {
              if(res.code == 200){
                  // console.log(res)
                  this.tableData = res.data.content;
                  this.total = res.data.total;
              }else {
                  console.log(res)
              }
          });
      },
    add(val,index,i){
        this.selv[index].splice(i,1,val)
    },
    getFindApplyRecordList(pageNum) {
      let params = {
        category: this.formQuery.category,
        subCategory: this.formQuery.subCategory,
        userName: this.formQuery.userName,
        jobTitle: this.formQuery.jobTitle,
        pageNum: pageNum,
        pageSize: 10,
        queryType: "3",
      };
      findApplyRecordList(Qs.stringify(params)).then((res) => {
        if (res.code == 200) {
          // console.log(res);
          this.tableData = res.data.list;
          this.total = res.data.count;
        } else {
          console.log(res);
        }
      });
    },
    handleCurrentPage(currentPage) {
        this.currentPage = currentPage;
      this.search();
    },
      handleClick(e) {
          this.userName = e.name
          this.userId = e.userId;
          this.$refs.infoPreview.$el.style.display = "flex";
      },
    //  pp注释的
    // handleClick(e) {
    //   console.log(e);
    //   this.$router.push({ name: "reviewsInfo", params: { id: e.id } });
    // },
  },
};
</script>
<style>
    .mark .el-icon-date:before{content:'';}
    .mark .el-select-dropdown__item{font-size: 12px;}
    .pp .el-upload-list{display: none!important;}
    .el-dialog{
        border-radius:15px;
    }
    .el-dialog__header{
        border-radius:15px 15px 0 0;
        background-color: rgb(49,71,143);
    }
    .el-dialog__title{color:#ffffff;}
    .el-dialog--center .el-dialog__body{
        padding:0px!important;
    }
    .dialog-footer .el-button{
        border-radius: 50px;
    }
<!--  progressbar  -->
    .progress-bar {
        width:16vw;
        height:10px;
        background-color: #fff;
        border: 1px solid #1d8ce0;
        border-radius: 10px;
        /*box-shadow: 1vw 3vh 10vh rgba(109, 168, 7, 0.8);*/
        background-size: 3em 3em;
        background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #20A0FF 0.9em, #20A0FF 2.1em, transparent 2.1em, transparent 2.9em, #20A0FF 3.1em);
        -webkit-animation: progress-bar-animation 750ms infinite linear;
        -moz-animation: progress-bar-animation 750ms infinite linear;
        animation: progress-bar-animation 750ms infinite linear;

    }
    @-webkit-keyframes progress-bar-animation {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 3em 0;
        }
    }
    @-moz-keyframes progress-bar-animation {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 3em 0;
        }
    }
    @keyframes progress-bar-animation {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 3em 0;
        }
    }
    .progress-bar:before {
        content: '';
        border-radius: 10px;
        background-image: linear-gradient(to bottom, #1d8ce0, rgba(29, 140, 224, 0.2) 15%, transparent 60%, #1d8ce0);
    }
    .lan input:hover{
        background-color: #ADB5D2;
    }
    .back{background-color: #ADB5D2;}
    .white{background-color: #ffffff;}
  .mark el-row{height: 32px;}
  .pan input{
      font-size: 11px;
    border:none;
    height: 30px;
    margin:0;
    padding:0 4px!important;
      background-color: transparent;
  }
  .pan .el-icon-arrow-up:before{content:'';}
  .pan input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #696969;
    font-size: 11px;
  }
  .pan input::-moz-placeholder{
    color: #696969;
    font-size: 11px;
  }
  .pan input::-ms-input-placeholder {
    color: #696969;
    font-size: 11px;
  }
    .pan .el-radio{
        margin-right: 0px;
    }
    .here button{
        margin-top:16px;
    }
    .lan input{
     text-align:center;
    }
   .lan input:hover{
     background-color:#ADB5D2;
     text-align:center;
   }
</style>
<style scoped>
    .lan{
        border-radius: 5px;
    }
    .mtitle{
        display: inline-block;
        width:calc(50% - 2px);
        font-size:18px;
        line-height: 35px;
        text-align: center;
        background-color: #E4EAEC;
        border:1px solid #E4EAEC;
        margin-top: 20px;
    }
    .t1{
        border-radius: 20px 0 0 0;
    }
    .t2{border-radius: 0px 20px 0 0;}
    .radiocl{
        /*display: inline-block;*/
        /*width:calc(50% - 2px);*/
        border:1px solid #F4F6F7;
        line-height: 35px;
    }
.warp {
  /*width: 100%;*/
  /*height: 100%;*/
  /*overflow-y: scroll;*/
  height: 100%;
  /*background: #F4F1F4;*/
}

.form-query-box {
  height: 150px;
  margin-bottom: 18px;
  /*overflow: hidden;*/
}
.form-query {
  margin-top: 20px;
}

.query-bar {
  margin-top: 20px;
}
.query-bar >>> .el-button {
  width: 80px;
}
.content {
  width: 100%;
  min-height: 350px;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 9px 8px 2px rgba(43, 103, 254, 0.05);
  border-radius: 5px;
}
.content-table {
  min-height: 410px;
  margin: 13px 25px;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
}

.content-table >>> .table-header th {
  background: #e6eaeb !important;
  border: none;
}
.content-table >>> .table-header th div {
  font-weight: bold !important;
  color: #333;
}

.content-table >>> tbody tr:nth-child(even) td {
  background: #f5f8fe;
}

.content-table >>> tbody .el-button {
  padding: 5px 15px;
}
.pagination {
  margin-top: 10px;
  text-align: end;
  padding-right: 16px;
}
.filter-more {
  width: 90%;
  margin: 0 auto;
  /*border: 1px solid #e8f4fd;*/
  padding: 25px 15px;
}
.box {
  height: 320px;
  overflow: hidden;
}
.text-toggle {
  text-align: center;
  cursor: pointer;
}
.selectbox-leave-active,
.selectbox-enter-active {
  transition: all 1s ease;
}
.selectbox-leave-active,
.selectbox-enter {
  height: 0px !important;
}
.selectbox-leave,
.selectbox-enter-active {
  height: 150px;
}
.text-filter {
  display: inline-block;
  color: #404040;
  width: 90px;
  height: 32px;
}
.online{width:115px;}
.text-filter span {
  display: inline-block;
  text-align: center;
}
.text-filter span:hover {
  border-radius: 40px;
  color: #ffffff;
  animation: myfirst 1s;
  -moz-animation: myfirst 1s;/* Firefox */
  -webkit-animation: myfirst 1s;/* Safari and Chrome */
  -o-animation: myfirst 1s;/* Opera */
  animation-fill-mode: forwards;
}
.text-select {
  display: inline-block;
  padding: 0px 5px;
  border: 1px solid #268edb;
  border-radius: 40px;
  color: #268edb;
  font-size: 14px;
  margin-right: 20px;
}
.text-select i {
  display: inline-block;
  height: 100%;
  font-size: 15px;
  padding: 0px 5px;
}
.isActive {
  background-color: #2989dd;
  border-radius: 40px;
  color: #ffffff;
}
@keyframes myfirst {
  from {
    background: #ffffff;
  }
  to {
    background: #2989dd;
  }
}
</style>
